<template>
	<header class="header" v-show="isShowHeader" transition="expand-in-top">
    <div class="header-content">
      <div class="left">
        <i class="logo"></i>
        <span class="header-title">后台管理系统</span>
      </div>
      <div class="right">
        <vue-search-portfolio></vue-search-portfolio>
        <span class="username">{{user}}</span>
        <i class="exit fa fa-x fa-sign-out" title="退出系统" @click="logout"></i>
      </div>
    </div>
  </header>
</template>
<style src="./header.css" scoped></style>
<script src="./header.js"></script>